<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="./jquery.js" type="text/javascript"></script>
<!--日历-->
<script src="./calendar.js" type="text/javascript"></script>
<style>
body{background:#eee;}
/*左侧*/
.wmpd01{ float:left; display:inline; padding:8px 0 0 0px;}
.wmpd1_date{ width:240px; padding:0px 0 0 0px; height:245px;}
.wmpd1d01{ width:237px; height:36px; font-size:20px; line-height:28px; text-align:center;background:url(../images/woman/woman06.jpg) no-repeat; font-family:Arial; color:#fff; font-weight:bold; margin:0 0 0 1px; _padding-top:3px; _height:0px;}
a.wmpd_btn01, a.wmpd_btn02{ display:inline-block; width:18px; height:18px; vertical-align:middle; _vertical-align:-3px; margin:0 10px;}
.wmpd1d02{ height:18px; line-height:14px; width:236px; background:#ffcccf; padding:0px; font-family:Arial; font-size:14px; color:#fff; margin:0 0 0 6px; font-weight:bold;}
.wmpd1d02 li{ width:32px; float:left; display:inline; height:18px;}
.wmpd1d03{width:238px;}
.wmpd1d03 li{ float:left; display:inline; width:31px; height:26px; padding:0px; background:#ffcada; border-right:1px solid #ff83aa;border-bottom:1px solid #ff83aa;font-family:Arial; font-size:14px; overflow:hidden;}
.wmpd1d03 li span{ color:#ff417d; display:block; width:29px; height:24px; text-align:center; line-height:24px; background:#fff5f7; border:1px solid #fff5f7;}
/*.wmpd1d03 li span.green{ border:1px solid #fff; background:#baed75; color:#61a800;}*/
.wmpd1d03 li span.green{ border:1px solid #fff; background:#fff; color:#ff417d;}
</style>
<title>Insert title here</title>
</head>
<body>
				<div class="wmpd01">
					<div class="wmpd1_date" id="Calendar">
						<!--日历显示-->
					</div>
				</div>
<SCRIPT>
var periodDate = "2012-04-06";
Calendar.init(0);
</SCRIPT> 
</body>
</html>